<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>修改学生信息</title>
  <link rel="stylesheet" href="../../static/css/bootstrap.4.3.1.min.js.css" th:href="@{/css/bootstrap.4.3.1.min.js.css}"/>
  <style>
    li{
      list-style: none;
      margin: 15px;
    }
    .btn-block{
      width: 380px !important;
      margin: 0px 55px !important;
    }
  </style>
</head>
<body style="width:450px;height:100%;margin:100px 500px;">
<h3 style="text-align: center">修改学生</h3>
<form action="/updateStudent"  method="post">
  <ul>
    <li>
      <input class="form-control" name="id" type="text" th:value="${student.id}" readonly placeholder="ID">
    </li>
    <li>
      <input class="form-control" name="username" type="text" th:value="${student.username}"  placeholder="请输入姓名">
    </li>
    <li>
      <input class="form-control" name="pwd" type="text" th:value="${student.pwd}"  placeholder="请输入密码">
    </li>
    <li>
      <input class="form-control" name="sex" type="text" th:value="${student.sex}"  placeholder="请输入性别">
    </li>
    <li>
      <select name="className" class="form-control" style="height: 34px;width: 100%">
        <option th:value="${student.className}" th:text="${student.className}" style="background-color: red"></option>
        <option th:each="class:${class}"
                th:value="${class.className}" th:text="${class.className}">
        </option>
      </select>
    </li>
    <li>
      <select name="gradeName" class="form-control" style="height: 34px;width: 100%">
        <option th:value="${student.gradeName}" th:text="${student.gradeName}" style="background-color: red"></option>
        <option th:each="grade:${grade}"
                th:value="${grade.gradeName}" th:text="${grade.gradeName}">
        </option>
      </select>
    </li>
  </ul>
  <button class="btn btn-primary btn-lg btn-block">保存</button>
</form>
</body>
</html>